<template>
  <el-collapse v-model="activeNames">
    <el-collapse-item
      :title="edition.name"
      :name="edition.name"
      v-for="(edition,i1) in aa"
      :key="i1"
    >
      <div v-for="(item,i2) in edition.list" :key="i2">{{item}}</div>
    </el-collapse-item>
  </el-collapse>
</template>

<script>
import data from "../../static/data";
export default {
  data() {
    return {
      aa: data,activeNames:[]
    };
  },
  mounted() {
    this.activeNames=this.aa.map(el=>el.name)
  },
  methods: {}
};
</script>

<style scoped>
.el-collapse{padding: 0 20px;}
</style>
